1. add css

                        <link rel="stylesheet" type="text/css" href="slick/slick.css"/>
                    // Add the new slick-theme.css if you want the default styling
                    <link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
                

2. add js

                    <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>                 
                    <script type="text/javascript" src="slick/slick.min.js"></script>
                            
                    

3. add images

                    <div class="your-class">
                        <div>your content</div>
                        <div>your content</div>
                        <div>your content</div>
                    </div>

4. add settings

<script type="text/javascript">
    $(document).ready(function(){
      $('.your-class').slick({
        setting-name: setting-value
      });
    });
  </script>
  

5. settings parameters

$(document).ready(function(){
      $('.mycrawler2').slick({
       
        autoplay: true,
        autoplaySpeed: 2000,
        
        slidesToShow: 6,
        slidesToScroll: 6,
        responsive: [
              {
                breakpoint: 1024, 
                settings: {
                  slidesToShow: 3,
                  slidesToScroll: 3,
                  infinite: true,
                  
                }
              },
              {
                breakpoint: 480,
                settings: {
                  slidesToShow: 1,
                  centerMode: true, 
                  slidesToScroll: 1,
                  autoplaySpeed: 500,
                  variableWidth: true,
                }
              }
            ]
      });
    });